﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,caption, tbody, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
 /* font: inherit; 
	 vertical-align: baseline; */
}
ol,ul{
list-style: none;
}
a img {
border: none;
}
p {
margin-bottom: 0.5em;
}
a{
text-decoration: none;
color: #2f2f2f;
}
a:hover {

}
.line {
height: 30px;
}
.clear{
clear: both;
}
.bold {
font-weight: bold;
}
b.sale 
{
  color: Red;
}
body {
background: url(../Images/body-bg.jpg) repeat fixed top left #001E3A;
font-size: 62.5%;
font-family: Arial, "Lucida Grande", sans-serif;
line-height: 1.5;
color: #2f2f2f;
}
body#bg-home{
 background: url(../Images/body-bg.jpg) repeat fixed top left #001E3A;
}
#container {
width: 1000px;
margin: 0 auto;
position: relative;
font-size: 1.3em;
}
#header {
height: 132px;
position: relative;
}
#header #logo {
height: 98px;
position: relative;
}
#header #logo p.hotline {
color: #FF8400;
    font-family: verdana;
    font-weight: bold;
    left: 818px;
    position: absolute;
    top: 40px;
}
#header #logo img {
margin-top: 20px;
}
#header #top-menu {
background: #fa6403;
/*background: #b8b8b8; */
height: 34px;
border-bottom: 1px dashed WHITE;
position: relative;
}
#bg-home #top-menu {
background: #fa6403;
}
#header #top-menu ul {
height: 34px;
padding-left: 10px;
}
#header #top-menu ul.top-nav li.li-parent {
display: block;
float: left;
line-height: 34px;
font-size: 1.1em;
color: WHITE;
position: relative;
}
#header #top-menu ul.child 
{
width: 270px;
height: auto;
position: absolute;
top: 35px;
left: 0px;
background: #FA6403;
z-index: 1000;
display: none;
}
#header #top-menu li:hover ul.child {
display: block;
}
#header #top-menu ul.child li {
display: block;
}
#header #top-menu ul.child li a {
text-transform: none;
font-size: 0.9em;
}
#header #top-menu ul li a {
text-transform: uppercase;
padding-right: 8px;
padding-left: 8px;
color: WHITE;
}
#bg-home #top-menu ul li a,#bg-home #top-menu ul li { 
color: WHITE;
}
#header #top-menu ul li a:hover {
color: #012443;
}
#header #search {
width: 180px;
position: absolute;
bottom: 6px;
right: 6px;
height: 20px;
}
#header #search .textBox {
color: #012443;
font-size: 0.9em;
display: block;
float: left;
width: 130px;
}
#header #search .button 
{
  background: url(../Images/btn-search.jpg) no-repeat;
border: none;
cursor: pointer;
display: block;
float: left;
width: 20px;
height: 20px;
margin-top: 3px;
margin-left: 5px;
}
body #header #search .button {
background: url(../Images/btn-search.jpg) no-repeat;
}
#left, #main-content {
background: #b7b7b7;
padding: 7px 0px 0px 8px;
}
#left {
width: 198px;
float: left;
}
#main-content {
float: left;
width: 786px;
}
#login {
padding: 10px 12px;
color: #454545;
margin-bottom: 10px;
background: white;
width: 174px;
}
p.title,h1.title {
margin-bottom: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #cacaca;
font-size: 1.2em;
text-align: left;
font-weight: normal
}
#bg-home #login p.title  {
color: #fa6403;
text-align: center;
}
#login .textBox {
background: #b7b7b7;
margin-left: 5px;
border: none;
font-size: 0.9em;
height: 20px;
line-height: 20px;
padding-left: 5px;
width: 120px;
}
#login .button {
background: url(../Images/btn-login.jpg) no-repeat;
border: none;
width: 54px;
height: 19px;
cursor: pointer;
}
#login a:hover {
color:BLACK;
}
#hot-news {
margin: 10px 0px 10px 0px;
}
#adv-box {
padding: 0px;
margin-bottom: 0px;
}
#adv-box img {
width: 198px;
}
#adv-box a{
display: block;
}
.bg-left {
width: 4px;
height: 110px;
float: left;
background: url(../Images/box-left.png) no-repeat;
}
.bg-right {
width: 4px;
height: 110px;
float: left;
background: url(../Images/box-right.png) no-repeat;
}
.bg-center {
float: left;
height: 80px;
width: 942px;
background: url(../Images/box-center.jpg) repeat-x;
padding: 15px 25px;
}
.bg-center ul {
height: 92px;
width: 942px;
}
.bg-center li {
float: left;
width: 297px;
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid #b6b6b6;
}
.bg-center li img {
margin-right: 8px;
width: 94px;
height: 72px;
}
.bg-center li p.description {
text-align: justify;
font-size: 0.9em;
margin-bottom: 0px;
}
.bg-center li p.name a{
color: #fa6403;
}
.bg-center li p.name a:hover{
color: #853c09;
}
#box-footer {
background: #fe6903;
padding: 23px 0px;
}
#box-footer table td{
padding:0px 20px;
color: white;
}
#box-footer table td a  {
color: white;
}
#column-01 
{
  width: 635px;
   padding-left: 40px; 
   float: left
}
#column-02 .textBox {
height: 24px;
border: none;
width: 190px;
padding:0px 0px 0px 5px;
font-size: 0.9em;
color: #666666;
}
#column-02 .button {
background: url(../Images/btn-register.jpg) no-repeat;
width: 27px;
height: 24px;
border: none;
cursor: pointer;
}
#menu-bottom  ul{
background: url(../Images/line-footer.png) no-repeat bottom center;
text-align: center;
margin: 10px 0px;
padding-bottom: 5px;
}
#menu-bottom ul li {
display: inline;
margin: 0px 15px;
}
#menu-bottom ul li a {
color: #ff8400;
font-size: 1em;
text-transform: uppercase;
}
#div-copyright, #div-copyright a {
text-align: center;
color: #616161 !important;
}
#bg-home #div-copyright {
color: WHITE;
}
#shop-cart {
width: 198px;
height: 34px;
background: url(../Images/shop-bg.png) no-repeat;
position: absolute;
top: 0px;
right: 0px;
}
#shop-cart p {
line-height: 34px;
padding-left: 48px;
font-size: 0.9em;
}
#shop-cart p a {
color: white;
}
#shop-cart p span {
font-weight: bold;
}
.product-category {
background: #B7B7B7;
}
.product-category .box {
background: white;
margin-bottom: 10px;
padding: 10px;
color: #4c4c4c;
}
.product-category #adv 
{
    padding: 0px;
}
#adv a 
{
    display: block;
}
.product-category .box p.title {
height: 30px;
line-height: 30px;
border-bottom: 1px solid #c2c2c2;
margin-bottom: 10px;
}
#product-category  p.title {
color: #ff6000;
}
#product-category dt a{
font-size: 1.2em;
}
#product-category dt.border {
margin-bottom: 8px;
border-bottom: 1px solid #dedede;
padding-bottom: 10px;
}
#product-category dd {
margin-left: 5px;
border-bottom: 1px solid #dedede;
margin-bottom: 8px;
padding-bottom: 10px;
}
#product-category dd ul li {
margin: 6px 0px;
background: url(../Images/list-icon.jpg) no-repeat center left;
padding-left: 12px;
}
#product-category dd ul li a.active 
{
  color: #FF6000;
}
.product-category #online {
background: none;
}
.product-category #online span{
font-weight: bold;
}
#filter {
height: 25px;
}
#filter ul li {
float: left;
margin-right: 20px;
margin-left: 5px;
}
#filter select.select {
    height: 26px !important;
    line-height: 26px;
    position: relative;
    min-width: 110px;
    z-index: 10;
}
#filter .select option {
    height: 26px;
    line-height: 26px;
	background: #B7B7B7;
	border: none;
}
#filter span.select {
    background: url(../Images/dropdow-icon.png) no-repeat center right;
    bottom: 0;
    cursor: default;
    float: left;
    height: 26px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-indent: 10px;
    z-index: 1;
	padding-right: 15px;
}
#list-category ul {
margin-top: 5px;
}
#list-category ul li {
width: 260px;
float: left;
height: 330px;
text-align: center;
}
#list-category ul li p {
margin-bottom: 0px;
}
#list-category ul li img {
width: 150px;
height: 240px;
}
#page ul {
text-align: left;
padding-right: 20px;
margin-bottom: 10px;
margin-left: 30px;
}
#page ul li {
display: inline;
margin-left: 5px;
}
#page ul li span {
font-weight: bold;
}
#product-details .img-left img {
width: 312px;
height: 500px;
}
#product-details .div-details ul 
{
  list-style: disc none inside;
}
#product-details .div-details ul li 
{
  padding-left: 10px;
  display: block;
  background:url(../Images/list.jpg) no-repeat center left;
} 
#back p a {
font-size: 1.1em;
}
.text-right h1 {
text-transform: uppercase;
font-size: 1.1em;
margin-bottom: 10px;
}
#product-details .img-left {
width: 315px;
float: left;
}
#product-details .text-right {
width: 410px;
float: left;
margin-left: 15px;
}
#product-details .text-right .div-details {
padding-right: 6px;
text-align: justify;
}
#product-details .text-right p.price b {
font-size: 1.1em;
}
#product-details p.colour, #product-details p.polls {
margin-top: 10px;
height: 23px;
line-height: 23px;
}
#product-details p.colour span, #product-details p.polls span {
height: 23px;
display: block;
float: left;
margin-right: 10px;
}
#product-details p.polls span img {
margin-top: 2px;
}
#product-details p.colour img {
margin-right: 5px;
}
#product-details .img-thumb {
margin-top: 20px;
}
#product-details .img-thumb li {
display: inline;
margin-right: 5px;
}
#comment {
background: WHITE;
margin: 10px 10px 0px 0px;
padding: 10px 0px 10px 10px;
}
#comment p.header {
color: #ff9000;
font-weight: bold;
font-size: 1.1em;
padding-bottom: 5px;
border-bottom: 1px dashed #ff9000;
margin-right: 10px;
}
#comment p.border-top {
border-bottom: none;
border-top: none;
margin-top: 0px;
padding-top: 5px;
cursor: pointer;
}
#comment p.border-top a {
color: #ff9000;
}
#comment .list-comment {
margin-top: 5px;
padding-right: 10px;
height: 445px;
overflow: scroll;
}
#comment .list-comment li{
margin-bottom: 10px;
position: relative;
}
#comment .list-comment li img {
width: 60px;
height: 60px;
border: 1px solid #ff9000;
margin-right: 10px;
}
#comment .list-comment li ul {
margin-left: 65px;
margin-top: 10px;
}
#comment .list-comment li p.name {
color: #ff9000;
}
#comment .list-comment li p.admin 
{
  color: Red;
  font-weight: bold;
}
#comment .list-comment li p.name span {
   color: #999999;
   font: bold 10px Verdana;
   margin-left: 15px;
}
#comment .list-comment li p.p-comment {
padding-left: 70px;
padding-right: 100px;
}
#comment .list-comment li p.reply {
position: absolute;
top: 0px;
right: 5px;
    color: #9A9797;
	font-size: 0.9em;
	cursor: pointer;
}
#comment p.p-delete 
{
  position: absolute;
  top: 0px;
  right: 60px;
  color: #9A9797;
	font-size: 0.9em;
	cursor: pointer;
}
#comment  a.view-all {
color: #FF9000;
display: block;
font-weight: bold;
border-bottom: 1px dashed #ff9000;
padding-bottom: 10px;
}
.buy,.buy-cancel {
		background: #F96304;
		padding: 3px 5px;
		color: WHITE;
		margin-right: 7px;
		display: inline;
		cursor: pointer;
		border: none;
		}
div.buy-order {
		display: none;
}
.form-comment .textBox{
width: 420px;
background: #b8b8b8;
border: none;
padding: 2px;
color: white;
}
.form-comment .button {
background: #ff9000;
border: none;
padding: 2px;
color: WHITE;
cursor: pointer;
font-family: verdana;
}
.news-category {
background: white !important;
}
/* #news-category,#div-register,#div-login, #div-forgot, #div-changepass  {
background: WHITE;
margin:0px 10px 10px 0px;
padding: 10px;
} */
 #news-category, #div-contact{
background: WHITE;
margin:0px 10px 10px 0px;
padding: 10px;
}
#news-category ul li img {
width: 150px;
height: 115px;
margin-right: 10px;
}
.list-news li {
height: 130px;
}
.list-news li h2 a {
color: #F96304;
}
.list-news p.date {
    color: #9A9797;
}
#div-text {
margin-top: 10px;
}
a.link-vote, a.link-send, a.link-cancel {
background: #4b4b4b;
padding: 3px 6px;
color: WHITE;
cursor: pointer;
}
.div-vote {
display: none;
}
.div-vote span {
display: block;
float: left;
height: 30px;
}
.div-vote ul li {
width: 140px !important;
}
#div-more p {
margin-top: 20px;
padding-bottom: 8px;
border-bottom: 1px dashed #333333;
}
#div-more ul li a {
color: BLUE;
font-size: 0.9em;
}
#div-more ul li span {
font-size: 0.9em;
color: #9A9797;
}
#send-comment span {
background: #F96304;
width: 130px;
display: block;
color: WHITE !important;
text-align: center;
}
a.send-cancel {
display: none;
}
.form-comment {
display: none;
margin-bottom: 5px;
}
.box-reply {
margin-top: 8px;
display: none;
}
.box-reply .textBox {
border: 1px solid #D8D8D8;
    color: #666666;
    width: 128px;
	font-family: arial,sans-serif;
    font-size: 11px;
    vertical-align: middle;
	}
.box-reply .email {
width:174px; 
}
.box-reply .textArea {
width: 700px;
margin: 2px 0px;
 border: 1px solid #CCCCCC;
   max-height: 80px;
   max-width: 98%;
   min-width: 98%;
   overflow: hidden;
}
.box-reply .button {
    background: url(../Images/btn-reply.gif) repeat-x top left;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma,arial,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    width: 40px;
	border: none;
}
.box-reply .button:hover {
    background: url(../Images/btn-reply.gif) repeat-x bottom left;
}
#more {
margin: 10px 10px 10px 0px;
padding: 5px 10px 10px 10px;
background: WHITE;
}
#more ul li {
width: 150px;
float: left;
}
#more ul li img {
width: 140px;
padding-left: 5px;
}
#more ul li p {
text-align: center;
margin-bottom: 0px;
}
#login p.date 
{
  color: #9A9797;
  font-size: 0.9em;
}
#login .link-bottom p 
{
  margin-top: 5px;
  margin-bottom: 0px;
}
#login .link-bottom a
{
  text-decoration: underline;
  padding-bottom: 2px;
  margin-bottom: 2px;
  color: #9A9797;
}
#lang 
{
  position: absolute;
  top: 74px;
  left: 925px;
}
#lang ul li 
{
  float: left;
  margin-left: 10px;
}
#lang ul li a
{
  display: block;
  width: 26px;
  height: 17px;
  cursor: pointer;
}
#lang ul li.en a 
{
  background: url(../Images/icon-en.jpg) no-repeat;
}
#lang ul li.vn a 
{
  background: url(../Images/icon-vn.jpg) no-repeat;
}
.button 
{
  cursor: pointer;
}
#register tr 
{
  height: 30px;
}
#changePass tr
{
  height: 35px;
}
.shop 
{
    color: #4f4e4e;
    background:url(../Images/buy.jpg) no-repeat;
    padding-left: 23px;
    margin-left: 5px;
}
/*-- shop --*/
#shop 
{
  padding-right: 10px;
}
#shop #div-order
{
  margin: 10px 0px;
}
#shop p.header 
{
 
  padding-bottom: 5px;
}
#shop .button 
{
  background: #9b9b9b;
  color: White;
  border: none;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}

#shop .button:hover 
{
  background:#363636;
}

.div-order 
{
  margin-top: 35px;
  font-family: Tahoma;
}
.div-order fieldset 
{
  border: 1px solid #9b9b9b;
  padding: 20px;
}
.div-order fieldset legend 
{
  padding: 0px 10px;
}
.div-order table tr 
{
  height: 30px;
}
#shop .div-order .btnBaoKim 
{
  background:url(https://www.baokim.vn/application/uploads/buttons/btn_pay_now_3.png) no-repeat;
}
#adv img 
{
  width: 198px;
}
  
  /*-- contact --*/
#div-contact {
position: relative;
font-size: 1em;
font-family: verdana,sans-serif;
}
#div-contact .fieldset{
padding: 10px 10px;
border-radius: 8px;
border: 1px solid #cccccc;
}
#div-contact .fieldset legend {
margin: 0px 10px;
padding: 0px 10px;
color: #494949;
}
#div-contact table tr {
height: 28px;
}
#div-contact table tr td {
padding-right: 10px;
}
#div-contact .textBox 
{
  width: 602px;
}
.ul-color 
{
  margin-bottom: 6px;
}
.ul-color li 
{
 display: block !important;
}
#floating
{
  width: 700px;
  height: 410px;
z-index: 450;
position: absolute;
}
#overPage
{
background: black;
z-index: 350;
position: absolute;
left: 0;
top: 0;
}
.close 
{
  background: url(../Images/close.jpg) no-repeat;
}